<template>
    <div class="player">
        <div class="head">
            <a href="#" title="在线教育">
                <img class="logo" src="~/assets/img/logo.png" lt="在线教育">
            </a>
        </div>
        <div class="body">
            <div class="content">
                <nuxt />
            </div>
        </div>
    </div>
</template>
<script>
export default {}
</script>
  
<style>
html,
body {
    height: 100%;
}
</style>
  
<style scoped>
.head {
    height: 100px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.head .logo {
    height: 100px;
    margin-left: 10px;
}

.body {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
}
</style>
  